.mainLeft p:first-child a{
    color: black;
}
.mainLeft ul li:first-child a{
    color: #2D5EA1;

}

.btn-style-blue{
    position: relative;
    top: 2px;
    margin-left:8px ;
}
.tableWeaper{
    white-space: nowrap;
}
.table-left{
    display: inline-block;
    width: 20%;
    white-space: nowrap;
    border: 1px solid #ECEFF5;
    border-radius: 4px;
}
.table-left header{
    height: 77px;
    line-height: 77px;
    padding:0 20px;
    border-bottom: 1px solid #ECEFF5;
}
.table-left input{
    width: 65%;
}
.chooseTask{
    padding: 0 20px;
}
.chooseTask>span{
    width: 100%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ECEFF5 ;
}
.chooseTask ul li{
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    height: 42px;
    line-height: 42px;
    margin: 14px 0;
    /* background-color: #F4F4F5; */
    
}
.chooseTask ul li div{
    background-color: #F4F4F5;
    width: 58%;
    padding: 0 14px;
    border-radius: 4px;

}
.chooseTask ul li button{
    width: 28%;
    outline: none;
    border: 0px;
    border-radius: 4px;
    background-color: #909399;
    color: white;
}
.chooseTask ul li button:hover{
    background-color: #A6A9AD;
}
.chooseTask li.active button{
    background-color: #67C23A;
}
.chooseTask ul li.active button:hover{
    background-color: #67C23A;
}
.chooseTask li.active div{
    background-color: #F0F9EB ;
    color: #6cf025;
}
   
.table-right{
    display: inline-block;
    vertical-align:top;
    width: 80%;
    
}
.table-right button{
    white-space:nowrap;
    right:-15px;
}
.tableWeaper .table-right table{
    border: 1px solid #EBEEF5;
}
.tableWeaper .table-right tr{
    border: 1px solid #EBEEF5;
}
.table-right td{
    border: 1px solid #EBEEF5;
    width: 8%;
    white-space:normal;
    text-align: left;
    line-height: 1.3rem;
    padding: 0 10px;
    vertical-align: middle;
}
.table-right tr td:first-child{
    text-align: center;
}
